<template>
  <div class="layout-padding">
    <el-scrollbar class="main">
      <iframe :src="src" class="iframe"/>
    </el-scrollbar>
  </div>
</template>

<script lang="ts" name="modelView" setup>
import {Session} from '/@/utils/storage';

const {proxy} = getCurrentInstance();
const route = useRoute();
const src = ref('');
const isMicro = import.meta.env.VITE_IS_MICRO;

watch([route], () => {
  init();
});

onMounted(() => {
  init();
});

const init = () => {
  const token = Session.getToken();
  const tenantId = Session.getTenant();
  src.value = proxy.baseURL + `/jimu/jmreport/list?token=${tenantId}_${token}&tenantId=${tenantId}`;
};
</script>

<style lang="scss" scoped>
.iframe {
  width: 100%;
  height: 80vh;
  border: 0;
  overflow: hidden;
  box-sizing: border-box;
}
</style>
